@charset "UTF-8";


/* CSS Document */


/* 首页幻灯 V1.0  Start*/








.common-title {


  height: 180px;


  width: 100%;


  font-size: 0;


  padding-top: 90px;


  -moz-box-sizing: border-box;


       box-sizing: border-box; }


  .common-title .title {


    line-height: 36px; }


    .common-title .title .span {


      display: inline-block;


      vertical-align: middle;


      font-size: 27px;


      color: #3C3C3C;


      position: relative;


      padding-right: 13px;


      margin-right: 5px; }


      .common-title .title .span i {


        position: absolute;


        right: 0;


        top: 50%;


        margin-top: -10.5px;


        width: 5px;


        height: 5px;


        background: #414141; }


        .common-title .title .span i:after {


          content: "";


          position: absolute;


          right: 0;


          top: 8px;


          width: 5px;


          height: 15px;


          background: #BC0009; }


    .common-title .title .h2 {


      margin-top: 6px;


      display: inline-block;


      vertical-align: middle;


      font-size: 27px;


      color: #3C3C3C;


      font-family: "Conv_DidotLTStd-Roman";


      font-weight: bold; }


  .common-title .more a {


    display: block;


    width: 128px;


    height: 30px;


    line-height: 30px;


    font-size: 12px;


    color: #0E0E0E;


    text-align: center;


    border: 1px solid #0E0E0E;


    position: relative;


    -webkit-transition: all 0.3s ease;


    -moz-transition: all 0.3s ease;


    transition: all 0.3s ease; }


  .common-title .more:hover {


    background: #C7000B;


    -webkit-transition: all 0.3s ease;


    -moz-transition: all 0.3s ease;


    transition: all 0.3s ease; }


    .common-title .more:hover a {


      border-color: #C7000B;


      color: #fff; }





.common-1 .switch-product {


  position: relative;


  height: 714px;


  width: 100%;


  padding-left: 242px;


  -moz-box-sizing: border-box;


       box-sizing: border-box; }


  .common-1 .switch-product .switch-product-box {


    position: relative; }


    .common-1 .switch-product .switch-product-box > .swiper-container {


      visibility: hidden;


      position: absolute;


      width: 100%;


      left: 0;


      top: 0; }


    .common-1 .switch-product .switch-product-box > .active {


      visibility: visible; }


  .common-1 .switch-product .swiper-pagination {


    width: 190px;


    right: 90px;


    bottom: 306px;


    left: auto; }


    .common-1 .switch-product .swiper-pagination span {


      width: 8px;


      height: 8px;


      background: #5B5B5B;


      -moz-box-sizing: border-box;


           box-sizing: border-box;


      -webkit-transition: all 0.3s ease;


      -moz-transition: all 0.3s ease;


      transition: all 0.3s ease; }


    .common-1 .switch-product .swiper-pagination .swiper-pagination-bullet-active {


      background: #9E040D; }


  .common-1 .switch-product a {


    display: block;


    width: 100%;


    height: 100%;


    position: relative; }


  .common-1 .switch-product .left {


    width: 100%;


    height: 714px;


    background-position: center center;


    background-size: cover;


    background-repeat: no-repeat; }


  .common-1 .switch-product .right {


    position: absolute;


    padding: 0 20px;


    padding-right: 90px;


    -moz-box-sizing: border-box;


         box-sizing: border-box;


    height: 714px;


    right: 0;


    width: 300px;


    top: 0;


    background: rgba(71, 43, 33, 0.32);


    text-align: center;


    font-size: 0; }


    .common-1 .switch-product .right > div {


      display: inline-block;


      vertical-align: top;


      margin-top:158px;


      width: 100%; }


    .common-1 .switch-product .right span {


      padding-top: 250px;


      color: #FFF;


      font-size: 26px;


      margin-bottom: 6px; }


    .common-1 .switch-product .right h3 {


      margin-bottom: 9px;


      color: #FFF;


      font-size: 14px;


      /*font-weight: bold;*/


      margin-top: 15px;


      font-family: "Conv_DidotLTStd-Roman"; }


    .common-1 .switch-product .right .p {


      color: #717070;


      font-size: 14px;


      line-height: 25px;


      height: 50px;


      overflow: hidden; }





.common-1 .switch-product-btn {


  -webkit-transition: all 0.3s ease;


  -moz-transition: all 0.3s ease;


  transition: all 0.3s ease;


  z-index: 222;


  position: absolute;


  left: 0;


  top: 0;


  height: 100%;


  width: 242px; }


  .common-1 .switch-product-btn .swiper-container {


    height: 100%;


    background: #F7F7F7;


    -moz-box-sizing: border-box;


         box-sizing: border-box;


    border-bottom: 1px solid #DEDEDE;


    border-top: 1px solid #DEDEDE; }


    .common-1 .switch-product-btn .swiper-container:hover .btn-top {


      -webkit-transform: translate(0, 0);


         -moz-transform: translate(0, 0);


          -ms-transform: translate(0, 0);


              transform: translate(0, 0); }


    .common-1 .switch-product-btn .swiper-container:hover .btn-bottom {


      -webkit-transform: translate(0, 0);


         -moz-transform: translate(0, 0);


          -ms-transform: translate(0, 0);


              transform: translate(0, 0); }


    .common-1 .switch-product-btn .swiper-container .btn-top {


      overflow: hidden;


      z-index: 111;


      position: absolute;


      top: 0;


      left: 0;


      width: 100%;


      height: 30px;


      border: 0;


      background: rgba(0, 0, 0, 0.15);


      cursor: pointer;


      -webkit-transform: translate(0, -100%);


         -moz-transform: translate(0, -100%);


          -ms-transform: translate(0, -100%);


              transform: translate(0, -100%);


      -webkit-transition: all .5s ease;


      -moz-transition: all .5s ease;


      transition: all .5s ease; }


      .common-1 .switch-product-btn .swiper-container .btn-top img {


        position: absolute;


        left: 50%;


        top: 50%;


        -webkit-transform: translate(-50%, -50%) rotate(-90deg);


           -moz-transform: translate(-50%, -50%) rotate(-90deg);


            -ms-transform: translate(-50%, -50%) rotate(-90deg);


                transform: translate(-50%, -50%) rotate(-90deg); }


    .common-1 .switch-product-btn .swiper-container .btn-bottom {


      -webkit-transform: translate(0, 100%);


         -moz-transform: translate(0, 100%);


          -ms-transform: translate(0, 100%);


              transform: translate(0, 100%);


      -webkit-transition: all .5s ease;


      -moz-transition: all .5s ease;


      transition: all .5s ease;


      overflow: hidden;


      z-index: 111;


      position: absolute;


      bottom: 0;


      left: 0;


      width: 100%;


      height: 30px;


      border: 0;


      background: rgba(0, 0, 0, 0.15);


      cursor: pointer; }


      .common-1 .switch-product-btn .swiper-container .btn-bottom img {


        position: absolute;


        left: 50%;


        top: 50%;


        -webkit-transform: translate(-50%, -50%) rotate(90deg);


           -moz-transform: translate(-50%, -50%) rotate(90deg);


            -ms-transform: translate(-50%, -50%) rotate(90deg);


                transform: translate(-50%, -50%) rotate(90deg); }


    .common-1 .switch-product-btn .swiper-container a {


      display: block;


      -moz-box-sizing: border-box;


           box-sizing: border-box;


      width: 242px;


      text-align: center;


      line-height: 102px;


      border-bottom: 1px solid #DEDEDE;


      -webkit-transition: all 0.3s ease;


      -moz-transition: all 0.3s ease;


      transition: all 0.3s ease; }


      .common-1 .switch-product-btn .swiper-container a span {


        position: relative; 


        font-size:16px;}


        .common-1 .switch-product-btn .swiper-container a span:after {


          content: "";


          position: absolute;


          left: -36px;


          top: 50%;


          margin-top: -0.5px;


          width: 16px;


          height: 1px;


          background: #FFF;


          -webkit-transition: all 0.6s ease;


          -moz-transition: all 0.6s ease;


          transition: all 0.6s ease;


          -webkit-transform: translate(-20px, 0);


             -moz-transform: translate(-20px, 0);


              -ms-transform: translate(-20px, 0);


                  transform: translate(-20px, 0); }


        .common-1 .switch-product-btn .swiper-container a span:before {


          content: "";


          position: absolute;


          right: -36px;


          top: 50%;


          margin-top: -0.5px;


          width: 16px;


          height: 1px;


          background: #FFF;


          -webkit-transition: all 0.6s ease;


          -moz-transition: all 0.6s ease;


          transition: all 0.6s ease;


          -webkit-transform: translate(20px, 0);


             -moz-transform: translate(20px, 0);


              -ms-transform: translate(20px, 0);


                  transform: translate(20px, 0); }


    .common-1 .switch-product-btn .swiper-container .active a {


      background: #424042;


      color: #FFF; }


      .common-1 .switch-product-btn .swiper-container .active a span:after {


        background: #C8000A;


        -webkit-transform: translate(0, 0);


           -moz-transform: translate(0, 0);


            -ms-transform: translate(0, 0);


                transform: translate(0, 0); }


      .common-1 .switch-product-btn .swiper-container .active a span:before {


        background: #C8000A;


        -webkit-transform: translate(0, 0);


           -moz-transform: translate(0, 0);


            -ms-transform: translate(0, 0);


                transform: translate(0, 0); }


    .common-1 .switch-product-btn .swiper-container .swiper-slide:hover a {


      background: #424042;


      color: #FFF; }


      .common-1 .switch-product-btn .swiper-container .swiper-slide:hover a span:after {


        background: #C8000A;


        -webkit-transform: translate(0, 0);


           -moz-transform: translate(0, 0);


            -ms-transform: translate(0, 0);


                transform: translate(0, 0); }


      .common-1 .switch-product-btn .swiper-container .swiper-slide:hover a span:before {


        background: #C8000A;


        -webkit-transform: translate(0, 0);


           -moz-transform: translate(0, 0);


            -ms-transform: translate(0, 0);


                transform: translate(0, 0); }


  .common-1 .switch-product-btn .btn {


    margin-left: 242px;


    position: relative;


    z-index: 222;


    height: 100%; }


    .common-1 .switch-product-btn .btn a {


      display: block;


      width: 30px;


      height: 100%;


      background-color: rgba(0, 0, 0, 0.15);


      overflow: hidden;


      position: relative; }


      .common-1 .switch-product-btn .btn a .icon {


        display: block;


        position: absolute;


        left: 50%;


        top: 50%;


        -webkit-transform: translate(-50%, -50%);


           -moz-transform: translate(-50%, -50%);


            -ms-transform: translate(-50%, -50%);


                transform: translate(-50%, -50%);


        width: 13px;


        height: 13px;


        background-repeat: no-repeat;


        background-position: center center;


        background-image: url(../images/icon-10.png); }


      .common-1 .switch-product-btn .btn a .rotate {


        -webkit-transform: rotate(180deg);


           -moz-transform: rotate(180deg);


            -ms-transform: rotate(180deg);


                transform: rotate(180deg); }





.common-1 .switch-left {


  -webkit-transform: translate(-242px, 0);


     -moz-transform: translate(-242px, 0);


      -ms-transform: translate(-242px, 0);


          transform: translate(-242px, 0); }